<template>
    <div class='news'>
        <h2>我是新闻组件</h2>
        <hr/>
        <ul>
            <li v-for="news in newsList" :key="news.id">{{news.title}}</li>
        </ul>
        <button @click='sendInfo'>将我的新闻信息发给news</button>
    </div>
</template>

<script>
    export default {
        name: 'News',
        data() {
            return {
                newsList: [
                    { id: 1, title:'重大新闻!!! 今天晚上没有老师'},
                    { id: 2, title:'重要通知!!! 明天没有晚自习'},
                    { id: 3, title:'重要公告!!! 倒计时还有两个月'}
                ]
            }
        },
        methods:{
            sendInfo(){
                this.$eventBus.$emit('news','重大新闻!!! 今天晚上没有老师')
            }
        }
    }
</script>

<style>
    .news{
        background-color: pink;
        padding: 20px;
    }
</style>